.ant-row {
  margin: 0 !important;
}
.loading {
  margin: 0 auto;
  width: 1200px;
  height: 100%;
  background-color: rgba(218, 228, 228, 0.2);
  position: absolute;
  top: 0px;
}
.ant-input {
  position: relative;
  padding: 16px !important;
  border: 1px solid rgba(186, 191, 197, 0.4) !important;
  max-height: 124px !important;
  min-height: 124px !important;
  border-radius: 4px !important;
}
.num {
  position: absolute;
  top: 194px;
  right: 33px;
  font-size: 12px;
  font-family: Source Han Sans CN, Source Han Sans CN-Regular;
  font-weight: 400;
  text-align: RIGHT;
  color: rgba(0, 0, 0, 0.2);
}
.return-box {
  .ant-modal-content {
    border-radius: 6px !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
  }
  .chexiao {
    font-size: 18px;
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 500;
    text-align: LEFT;
    color: rgba(0, 0, 0, 0.8);
  }
  .body-head {
    margin-top: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    .tips {
      color: red;
      margin-right: 2px;
    }
  }
  .model-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    .head-left {
      display: flex;
      align-items: center;
      font-size: 16px;
      font-family: Source Han Sans CN, Source Han Sans CN-Medium;
      font-weight: 500;
      text-align: LEFT;
      color: rgba(0, 0, 0, 0.8);
      line-height: 24px;
      img {
        width: 18px;
        margin-right: 8.8px;
        height: 18px;
      }
    }
    img {
      cursor: pointer;
      width: 16px;
      height: 16px;
    }
  }
  .body-bg {
    /deep/ .ant-checkbox-wrapper {
      display: flex;
      align-items: center;
      margin-bottom: 14px;
      font-size: 14px;
      font-family: Source Han Sans CN, Source Han Sans CN-Regular;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.8);
    }
    /deep/ .ant-checkbox-inner {
      border: 1px solid rgba(186, 191, 197, 0.4) !important;
      border-radius: 4px !important;
    }
    background: #f5f6f7;
    border-radius: 6px;
    padding: 16px 24px;
    .phope-box {
      display: flex !important;
      align-items: center !important;
      flex-wrap: wrap;
      .phope-item {
        width: 192px;
      }
    }
    .checked-item {
      display: flex;
      align-items: center;
    }
    .img-box {
      margin: 0 8px;
      width: 32px;
      height: 32px;
      border-radius: 8px;
      // background-color: aqua;
    }
    .img {
      width: 32px;
      height: 32px;
      border-radius: 8px;
    }
  }
  .model-body {
    font-size: 14px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    color: #666666;
    margin-bottom: 25px;
  }
  .btn-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    button {
      margin-left: 16px;
      border-radius: 4px;
    }
  }
}
.a-header {
  display: flex;
  align-items: center;
  .return-left {
    display: flex;
    align-items: center;
    margin-right: 24px;
  }
  .title-name {
    img {
      margin-right: 10px;
      width: 14px;
      height: 14px;
    }
    cursor: pointer;
    font-size: 14px !important;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6) !important;
  }

  margin: 0 auto;
  width: 1200px;
  padding: 16px 0;
  .now-name {
    font-size: 14px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: LEFT;
    color: rgba(0, 0, 0, 0.4);
  }
}
.a-main {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  .main-left {
    // max-height: 900px;
    overflow-y: auto;
    position: relative;
    background: #fff;
    border-radius: 4px;
    width: 848px;
    height: calc(100vh - 79px);
    margin-bottom: 14px;
    .main-left-cont {
      background: #ffffff;
      padding: 20px 11px 0;
      .main-header {
        margin-right: 70px;
        height: 68px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
      }
    }
  }
  .main-right {
    // max-height: 900px;
    position: relative;
    display: block;
    width: 336px;
    background: #fff;
    border-radius: 4px;
    // height: 876px;
    padding: 24px 0 10px 0;
    // margin: 0 auto;
    background: #fff;
    margin-bottom: 14px;
    height: calc(100vh - 79px);
    .fubox-title {
      // position: relative;
      // top: 10px;
      // left: 24px;
      // font-size: 18px;
      // font-family: Source Han Sans CN, Source Han Sans CN-Medium;
      // font-weight: 500;
      // color: rgba(0, 0, 0, 0.8);
      padding: 0px 24px;
      font-size: 18px;
      font-family: Source Han Sans CN, Source Han Sans CN-Medium;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.8);
    }
    .fubox-title::after {
      content: '';
      display: block;
      width: 96%;
      height: 1px;
      margin-top: 14px;
      background-color: #eee;
    }
  }

  .fubox-item {
    position: relative;
    padding: 4px 20px;
    display: flex;
    margin-bottom: 48px;
    // align-items: center;
    // justify-content: space-between;
    .img {
      width: 48px;
      margin-right: 18px;
      height: 48px;
      position: relative;
      border-radius: 10px;
      background: #f5f6f7;
      .phopo {
        width: 48px;
        margin: auto;
        height: 48px;
        border-radius: 10px;
      }
      .stste-img {
        position: absolute;
        top: 34px;
        right: -5px;
        width: 17px;
        height: 17px;
        border-radius: 10px;
      }
    }
    .item-right {
      cursor: pointer;
      width: 220px;
      .item-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        .name {
          max-width: 78px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-size: 16px;
          font-family: Source Han Sans CN, Source Han Sans CN-Regular;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.8);
        }
        .time {
          font-size: 14px;
          font-family: Source Han Sans CN, Source Han Sans CN-Regular;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.4);
        }
      }
      .item-names {
        // border: 1px solid red;
        margin-top: 4px;
        font-size: 14px;
        font-family: Source Han Sans CN, Source Han Sans CN-Regular;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.4);
        display: flex;
        justify-content: space-between;
        align-items: center;
        img {
          width: 16px;
          height: 17px;
          cursor: pointer;
        }
        .item-down {
          width: 22px;
          height: 16px;
        }
      }
      .item-name {
        margin-top: 4px;
        font-size: 14px;
        font-family: Source Han Sans CN, Source Han Sans CN-Regular;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.4);
      }
      .notes {
        word-wrap: break-word;
        white-space: pre-line;
        overflow-wrap: break-word;
        margin-top: 12px;
        background: #f5f6f7;
        border-radius: 4px;
        padding: 8px 12px;
        color: rgba(0, 0, 0, 0.6);
      }
    }
  }
}
.a-cont {
  padding: 40px 26px;
  background: #f5f6f7;
  width: 688px;
  margin: 0 auto;
}
.a-conts {
  // padding: 40px 26px;
  // background: #f5f6f7;
  width: 800px;
  margin: 0 auto;
}
.a-cont {
  padding: 40px 26px;
  background: #f5f6f7;
  width: 688px;
  margin: 0 auto;
}
.zhuan-ban {
  .top {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    .tips {
      color: red;
    }
  }
  .add {
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: #f0faff;
    border: 1px dashed #3296fa;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    // margin-bottom: 10px;
    margin-right: 4px;
    margin-left: 5px;
  }
  .add-list {
    padding-top: 5px;
    max-height: 450px;
    overflow-y: auto;
    width: 434px;
    .add-img {
      width: 13px;
      height: 23px;
      margin: 0 3.5px;
      img {
        margin-top: 5px;
      }
    }
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    .m-top {
      margin-bottom: 0px !important;
    }
    .right-people {
      justify-content: flex-start;
    }
    .all-people {
      display: flex;
      align-items: center;
      margin-bottom: 58px;
    }
    .no-marg {
      margin-bottom: 20px !important;
    }
    .people-li {
      // max-width: 100px;
      // background: red;
      border-radius: 10px;
      align-items: center;
      padding: 0 5px;
      height: 40px;
      position: relative;
    }
    .icos {
      width: 40px;
      height: 40px;
      border-radius: 10px;
    }
    .delete-img {
      cursor: pointer;
      position: absolute;
      top: -3px;
      right: -3px;
      width: 16px;
      height: 16px;
    }
    .name {
      margin-top: 1px;
      font-size: 14px;
      font-family: Source Han Sans CN, Source Han Sans CN-Regular;
      font-weight: 400;
      text-align: left;
      max-width: 44px;
      color: rgba(0, 0, 0, 0.8);
      margin-top: 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2; /* 设置行数 */
      -webkit-box-orient: vertical;
      // position: absolute;

      // top: 43px;
      // left: 6px;
    }
  }
}
.input-boxs {
  position: relative;
}
.nums {
  top: 100px;
  position: absolute;
  right: 11px;
  font-size: 12px;
  font-family: Source Han Sans CN, Source Han Sans CN-Regular;
  font-weight: 400;
  text-align: RIGHT;
  color: rgba(0, 0, 0, 0.2);
}
.child-li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 12px;
  .li {
    padding: 0 7px;
  }
  .people {
    // margin-right: 26px;
    margin-bottom: 12px;
    .img-bg {
      background: #f5f6f7;
      width: 32px;
      height: 32px;
      border-radius: 10px;
      margin: auto;
      img {
        width: 32px;
        height: 32px;
        border-radius: 10px;
      }
    }
  }
  // .no-right {
  //   margin-right: 0px !important;
  // }
  .people-name {
    // width: 55px;
    margin-top: 4px;
    font-size: 14px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: LEFT;
    color: rgba(0, 0, 0, 0.4);
  }
}
.no-datas {
  margin: auto;
  width: 300px;
  img {
    width: 300px;
    height: 300px;
    margin-bottom: 8px;
  }
  text-align: center;
  font-size: 14px;
  font-family: Source Han Sans CN, Source Han Sans CN-Regular;
  font-weight: 400;
  color: #999999;
}
.fubox-box:last-child {
  .all-box {
    .fubox-item {
      .lines {
        border-left: 0 solid red !important;
        // display: none;
      }
    }
  }
}
